<template>
  <el-main>
                  <div>
                    <el-form ref="form" :model="form" label-width="100px">
                      <el-form-item label="请输入航班号">
                        <el-row>
                          <el-col :span="40">
                            <el-input
                              style="width: 200%"
                              v-model="form.dfltFlno"
                            ></el-input>
                          </el-col>
                        </el-row>
                        <el-col :span="20">
                          <el-button
                            class="btn1"
                            type="primary"
                            @click="onSubmitFlno"
                            >查询</el-button
                          >
                        </el-col>
                      </el-form-item>
                      <div class="link-top"></div>
                      <el-form-item label="目的地">
                        <el-input
                          style="width: 400px"
                          v-model="form.apcd"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="航空公司">
                        <el-input
                          style="width: 400px"
                          v-model="form.dfltAwcd"
                        ></el-input>
                      </el-form-item>
<!--                      <el-form-item label="日期">-->
<!--                        <el-select v-model="form.region" placeholder="今天">-->
<!--                          <el-option label="昨天" value="yesterday"></el-option>-->
<!--                          <el-option label="今天" value="today"></el-option>-->
<!--                          <el-option label="明天" value="tomorrow"></el-option>-->
<!--                        </el-select>-->
<!--                      </el-form-item>-->
<!--                      <el-form-item label="计划出发时间">-->
                      <el-form-item label="日期">
                        <el-col :span="13">
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.startDate"
                            style="width: 200px"
                          ></el-date-picker>
                           <el-col :span="1" class="btn2">到</el-col>
                          
                          <el-date-picker
                            type="date"
                            placeholder="选择日期"
                            v-model="form.endDate"
                            style="width: 200px"
                            class="btn3"
                          ></el-date-picker>
                        </el-col>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="onSubmit"
                          >搜索</el-button
                        >
                      </el-form-item>
                    </el-form>
                  </div>
                  <!-- 数据表 -->
                  <el-table
                    ref="singleTable"
                    :data="tableData"
                    highlight-current-row
                    style="width: 100%"
                  >
                    <el-table-column
                      property="dfltCfno"
                      label="飞机号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltFlno"
                      label="航班号"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column
                      property="dfltAwcd"
                      label="航空公司"
                      width="100"
                    >
                    </el-table-column>
                    <el-table-column property="apcd" label="航线" width="150">
                    </el-table-column>
                    <el-table-column property="dtime" label="日期" width="200">
                    </el-table-column>
                    <el-table-column
                      property="fptt"
                      label="计划起飞时间"
                      width="220"
                    >
                    </el-table-column>
                    <el-table-column
                      property="fplt"
                      label="预计降落时间"
                      width="220"
                    >
                    </el-table-column>
                  </el-table>
                  <!-- 分页组件 -->
                  <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="count"
                    :current-page="page"
                    :pageCount="pageCount"
                    @current-change="changePage"
                  >
                  </el-pagination>
                </el-main>
    </template>
            
    
    <script>
    import { ElMessageBox } from 'element-plus'
 import axios from "axios";
 const locationNames = {
   '杭州': 'HGH',
   '深圳': 'SZX',
   '香港': 'HKG',
   '台北松山':'TSA',
   '上海虹桥': 'SHA',
   '昆明':'KMG',
   '西安':'XIY',
   '太原':'TYN',
   '桂林':'KWL',
   '大连':'DLC',
   '重庆':'CKG',
   '福州':'FOC',
   '呼和浩特':'HET',
   '长春':'CGQ',
   '长沙':'CSX',
   '锡林浩特':'XIL',
   '厦门':'XMN',
   '西宁':'XNM',
   '日照':'RIZ',
   '成都':'CTU',
   '乌鲁木齐':'URC',
   '朝阳':'CHG',
   '吕梁':'LLV',
   '乌兰浩特':'HLH',
   '贵阳':'KWE',
   '长治':'CIH',
   '宁波':'NGB',
   '广州':'CAN',
   '哈尔滨':'HRB',
   '铜仁':'TEN',
   '沈阳':'SHE',
   '武汉':'WUH',
   '南昌':'KHN',
   '兰州':'LHW',
   '宜昌':'YIH',
   '赤峰':'CIF',
   '珠海':'ZUH',
   '青岛':'TAO',
   '芽庄':'CXR',
   '鄂尔多斯':'DSN',
   '郑州':'CGO',
   '上海浦东':'PVG',
   '大庆':'DQA',
   '南宁':'NNG',
   '大阪':'KIX',
   '海口':'HAK',
   '天水':'THQ',
   '阿尔山':'YIE',
   '石家庄':'SJW',
   '银川':'INC',
   '十堰':'WDS',
   '固原':'GYU',
   '东京成田':'NRT',
   '名古屋':'NGO',
   '义乌':'YIW',
   '南通':'NTG',
   '天津':'TSN',
 };
    export default {
      name: "A24012403",
      data() {
      return {
      selectLabel:0,
      tableDataType:1,
      formLabelWidth: "120px", //表单文本宽度
      tableData: [{}], //图书分页数据
      count: 0, //记录总数
      page: 1, //当前页码
      pageCount: "", //总页数
      // form: {
      //   dfltAwcd:"",
      //   dfltFlno:"",
      //   apcd: "",
      //   region: "",
      //   startDate: "",
      //   endDate: "",
      //   delivery: false,
      //   type: [],
      //   resource: "",
      //   desc: "",
      // },

      methods: {
        changePage(currentPage) {
      this.page = currentPage;
      // switch (this.tableDataType){
        // case 1:
          this.fetchData();
          // break;
        // case 2:
          // this.onSubmit();
          // break;
      
    },
    fetchData() {
      const pageNum = this.page;
      const pageSize = 10; // 设置每页显示的数据条数
      this.$axios
        .get("http://localhost:8888/dfdl/a24012403", { params: { pageNum, pageSize } })
        .then((response) => {
          const result = response.data.data;
          this.count = result.size;
          this.pageCount = Math.ceil(result.total / pageSize);
          this.tableData = result.list;
          // this.tableDataType=1;
          console.info(this.tableData);
        })
        .catch((error) => {
          console.error(error);
        });
    },

    // combiningStrings(date){
    //   var mon= date.substring(4,7);
    //   var year = date.substring(11,15);
    //   var day = date.substring(8,10);
    //   var detail = date.substring(16,24);
    //   let detail1=date.substring(16,18);
    //   let detail2=date.substring(19,21);
    //   let detail3=date.substring(22,24);
    //   switch (mon) {
    //     case"Jan":
    //       mon="01";
    //       break;
    //     case "Feb":
    //       mon="02";
    //       break;
    //     case "Mar":
    //       mon="03";
    //       break;
    //     case "Apr":
    //       mon="04";
    //       break;
    //     case "May":
    //       mon="05";
    //       break;
    //     case "Jun":
    //       mon="06";
    //       break;
    //     case "Jul":
    //       mon="07";
    //       break;
    //     case "Aug":
    //       mon="08";
    //       break;
    //     case "Sep":
    //       mon="09";
    //       break;
    //     case "Oct":
    //       mon="10";
    //       break;
    //     case "Nov":
    //       mon="11";
    //       break;
    //     case "Dec":
    //       mon="12";
    //       break;
    //   }
    //   console.info(mon);
    //   let combineDate =(year+mon+day+detail1+detail2+detail3);
    //   return combineDate;
    // },
    // transform(newLocation){
    //   if (locationNames[newLocation]){
    //     const englishLocation = locationNames[newLocation];
    //     return englishLocation;
    //   }
    // },

  //   onSubmit(){
  //     const pageNum = this.page;
  //     const pageSize = 10; // 设置每页显示的数据条数
  //     var dfltAwcd = this.form.dfltAwcd;
  //     var apcd = this.form.apcd;
  //     var fptt=this.form.startDate;
  //     var fplt =this.form.endDate;
  //     if (apcd in locationNames){
  //       apcd=this.transform(apcd);
  //     }else {
  //       apcd=this.form.apcd;
  //       console.info(apcd);
  //     }
  //     if (fptt!=null&&fptt !=""){
  //        fptt = this.combiningStrings(fptt.toString());
  //       if (fplt==""){
  //         fplt=this.combiningStrings(new Date().toString());

  //       }else { fplt = this.combiningStrings(fplt.toString());
  //       }
  //     }else{ if(fplt!=null&&fplt!=""){
  //       fptt="00000000000000";
  //       fplt = this.combiningStrings(fplt.toString());
  //     }
  //     }
  //     if (dfltAwcd==""&&apcd==""&&fptt==""&&fplt==""){
  //      this.fetchData();
  //     } else {
  //       switch (this.selectLabel) {
  //         case 1:
  //           this.$axios.get("http://localhost:8888/dfdl/selectA2401", {
  //             params: {
  //               dfltAwcd,
  //               apcd,
  //               fptt,
  //               fplt,
  //               pageNum,
  //               pageSize
  //             }
  //           })
  //               .then((response) => {
  //                 console.info(response);
  //                 const result = response.data.data;
  //                 console.info(result);
  //                 this.count = result.size;
  //                 this.pageCount = Math.ceil(result.total / pageSize);
  //                 this.tableData = result.list;
  //                 this.tableDataType = 2;
  //                 console.info(this.tableData);
  //               }).catch((error) => {
  //             console.error(error);
  //           });
            
  //       }
  //     }

  // },
    // onSubmitFlno(){
    //   const pageNum = this.page;
    //   const pageSize = 10; // 设置每页显示的数据条数
    //   console.info(this.tableData);
    //   console.info(111);
    //   var dfltFlno = this.form.dfltFlno;
    //   switch (this.selectLabel){
    //     case 1:
    //       this.$axios.get("http://localhost:8888/dfdl/selectA2401ByFlno",{params:{dfltFlno,pageNum,
    //           pageSize}}).then((response) => {
    //         const results = response.data.data;;
    //         this.count = results.size;
    //         this.pageCount = Math.ceil(results.total / pageSize);
    //         this.tableData = results.list;
    //         console.info(this.tableData);
    //       }).catch((error) => {
    //         console.error(error);
    //       });
    //       break;
    //     case 2:
    //       this.$axios.get("http://localhost:8888/dfdl/selectA2401ByFlno1",{params:{dfltFlno,pageNum,
    //           pageSize}})
    //           .then((response) =>{
    //             const result1 = response.data.data;
    //             this.count = result1.size;
    //             this.pageCount = Math.ceil(result1.total / pageSize);
    //             this.tableData = result1.list;
    //             console.info(this.tableData);
    //           }).catch((error) => {
    //         console.error(error);
    //       });
    //           break;
    //   }
    // }
  },
  mounted() {
    this.changePage(1);
      }
    }
  }
    }
    </script>
